.left {
    float: left;
    width: 800px;
}

.right {
    float: right;
    width: 280px;
}

.clear {
    clear: both;
}

.cate-item {
    background: #F5F6F5;
    margin-top: 20px;
    padding: 10px;
    color: #5F605F;
}

.p-cate {
    font-size: 16px;
    padding: 5px 10px;
}

.sub-cate {
    background: #FFF;
    padding: 20px;
    margin-top: 10px;
}

.sub-cate-item {
    float: left;
    margin-top: 10px;
    width: 245px;
    margin-top: 25px;
}

.sub-cate-item-icon {
    float: left;
    width: 60px;
}

.sub-cate-item-info {
    float: left;
    width: 170px;
    margin-left: 10px;
}

.sub-cate-item-icon img {
    width: 60px;
    border-radius: 30px;
}

.sub-cate-item-name {
    margin-top: 5px;
}

.sub-cate-item-count {
    margin-top: 10px;
    font-size: 12px;
}

.topic-count {
    display: inline-block;
    width: 70px;
}

.count-info {
    margin-top: 20px;
}

.right .count-info p {
    font-size: 15px;
    color: #5F605F
}

.right .count-info p .day-count {
    display: inline-block;
    width: 150px
}

.public-btn {
    width: 280px;
    height: 72px;
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    vertical-align: bottom;
}

.public-btn span {
    font-size: 22px;
    vertical-align: bottom;
}

.icon {
    vertical-align: middle;
}

.icon-post-topic {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url(../images/editTopic.png) no-repeat;
}

.active-user {
    background: #F3F4F3;
    padding: 10px;
    margin-top: 20px;
}

.active-user-title {
    padding: 5px 15px;
    color: #5F605F;
    font-size: 16px;
}

.active-user-icon {
    background: #FFF;
}

.active-user-title-icon {
    margin-right: 10px;
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url(../images/activeUser.png) no-repeat;
}

.active-user-icon ul li {
    list-style: none;
    float: left;
    width: 130px;
    text-align: center;
    margin-top: 10px;
}

.right .active-user-icon ul li a {
    display: inline-block;
    width: 130px;
    padding: 10px 0px;
    text-decoration: none;
    color: #5D7895;
}

.right .active-user-icon ul li a img {
    width: 80px;
    height: 80px;
}

.right .active-user-icon ul li a span {
    margin-top: 10px;
    display: block;
}

.right .active-user-icon ul li a span.post-count {
    margin-top: 5px;
    display: block;
}

.right .active-user-icon ul li a:hover {
    background: #D9EBF4;
    cursor: pointer;
}